@-wekit-viewport{
width:device-width;
max-zoom:2;
min-zoom:0.5;
}
@-moz-viewport{
width:device-width;
max-zoom:2;
min-zoom:0.5;
}
@-ms-viewport{
width:device-width;
max-zoom:2;
min-zoom:0.5;
}
@-o-viewport{
width:device-width;
max-zoom:2;
min-zoom:0.5;
}
@viewport{
width:device-width;
max-zoom:2;
min-zoom:0.5;
}
@media screen and (min-device-width:100px) and (max-device-width:177px){
.mobile 
#sidebar .widget-content,.mobile 
#header-wrapper,.mobile 
#footer-wrapper,.mobile 
#bottom-bar,.mobile .comments,.mobile 
#leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile 
#blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile 
#mobilemenu,.mobile 
#sosnet,.mobile .comments .comment-block,.mobile .comments h3{
padding:4px 4px 4px 4px !important;
}
.mobile pre,.mobile blockquote{
background-image:none;
padding:4px 4px 4px 4px;
}
.mobile .mobilethumb{
left:4px !important;}
}
@media screen and (min-device-width:221px) and (max-device-width:360px){
.mobile 
#sidebar .widget-content,.mobile 
#header-wrapper,.mobile 
#footer-wrapper,.mobile 
#bottom-bar,.mobile .comments,.mobile 
#leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile 
#blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile 
#mobilemenu,.mobile 
#sosnet,.mobile .comments .comment-block,.mobile .comments h3{
padding:8px 8px 8px 8px !important;
}
.mobile pre,.mobile blockquote{
background-image:none;
padding:6px 6px 6px 6px;
}
.mobile .mobilethumb{
left:8px;
}
}@media screen and (min-device-width:361px) and (max-device-width:480px){
.mobile 
#sidebar .widget-content,.mobile 
#header-wrapper,.mobile 
#footer-wrapper,.mobile 
#bottom-bar,.mobile .comments,.mobile 
#leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile 
#blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile 
#mobilemenu,.mobile 
#sosnet,.mobile .comments .comment-block,.mobile .comments h3{
padding:8px 10px 8px 10px !important;
}
.mobile pre,.mobile blockquote{
background-image:none;
padding:8px 8px 8px 8px;
}
.mobile .mobilethumb{
left:10px !important;}
}
@media screen and (min-device-width:481px) and (max-device-width:5000px){
.mobile 
#sidebar .widget-content,.mobile 
#header-wrapper,.mobile 
#footer-wrapper,.mobile 
#bottom-bar,.mobile .comments,.mobile 
#leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile 
#blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile 
#mobilemenu,.mobile 
#sosnet,.mobile .comments .comment-block,.mobile .comments h3{
padding:8px 12px 8px 12px !important;
}
.mobile pre,.mobile blockquote{
background-image:none;
padding:10px 10px 10px 10px;
}
.mobile .mobilethumb{
left:12px !important;}
}
body.mobile{
}
.mobile .form-wrapper,.mobile .comments .avatar-image-container,.mobile 
#top-nav {
display:none !important;
}
.mobile 
#wrapper{
margin:0 auto 0 !important;
width:auto !important;
max-width:600px !important;
font-size:13px;
}
.mobile 
#sidebar,.mobile 
#posting,.mobile 
#header,.mobile 
#kotak-posting,.mobile 
#widget-posting-kiri,.mobile 
#widget-posting-kanan,.mobile 
#kotak-sidebar,.mobile 
#kotak-sidebar-kiri,.mobile 
#kotak-sidebar-kanan,.mobile 
#kotak-sidebar-bawah,.mobile 
#bottom-bar .kiri,.mobile 
#bottom-bar .tengah,.mobile 
#bottom-bar .kanan{
float:none !important;
margin:0 0 0 0 !important;
width:auto !important;
max-width:100% !important;
}
.mobile 
#sidebar .widget-content,.mobile 
#header-wrapper,.mobile 
#footer-wrapper,.mobile 
#bottom-bar,.mobile .comments,.mobile 
#leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile 
#blog-pager,.mobile .post,.mobile 
#mobilemenu{
padding:8px 8px 8px 8px;
}
.mobile pre,.mobile blockquote{
background-image:none;
padding:6px 6px 6px 6px;
}
.mobile img,.mobile iframe{
max-width:100%;
}
.mobile 
#header{
height:auto !important;
max-height:60px !important;
}
.mobile #header h1.title,.mobile 
#header p.title{
font-size:22px;
}
.mobile 
#mobilemenu{
background:#0054bb;
color:#ddd;
text-shadow:0px -1px 0px #000;
text-align:center;
width:auto;
overflow:hidden;
margin:0;
font:normal 26px Calibri,Arial,Sans-Serif;
border-top:1px solid #666;
border-bottom:1px solid #000;
}
.mobile 
#mobilemenu span a{
color:#ddd;
padding:0;
margin:0;
}
.mobile 
#mobilemenu span a:hover{
text-decoration:underline;
}
.mobile 
#sosnet{
background:#000;
border-bottom:1px solid #ccc;
clear:both;
overflow:hidden;
margin:0;
padding:6px;
}

.mobile .mobile-date-outer,.mobile .date-outer{
margin:0;
padding:0;
}
.mobile .post{
margin:0 0 10px;
position:relative;
}
.mobile h2.mobile-post-title{
text-transform:uppercase;
font-size:16px;
font-weight:bold;
margin:0 0 5px 65px;
padding:0
}
.mobile h3.mobile-post-title{
text-transform:uppercase;
font-size:17px;
font-weight:bold;
margin:0 0 10px;
padding:0;
}
.mobile .mobilethumb{
box-shadow:1px 1px 5px rgba(1,1,1,.1);
position:absolute;
top:8px;
left:8px;
background:#fafafa;
padding:4px;
border:1px solid #fff;
margin:0;
}
.mobile .mobilethumb img{
display:block;
width:50px;
}
.mobile-index-contents{
padding-left:65px;
}
.mobile #blog-pager{
margin:0 0 10px;
background:#f5f5f5;
border:1px solid #fff;
}
.mobile .item-post-footer{
margin:5px 0 0;
padding:6px 0;
border-top:1px solid #fff;
}
.mobile pre,.mobile blockquote{
margin:0 0 13px 0 !important;
}
.mobile #related-post{
text-align:left;
margin:8px 0;
padding:0;
}
.mobile #related-post ol{
list-style-type:none;
margin:0 0 0 0 !important;
}
.mobile #related-post ol li{
padding:3px;
border-bottom:1px solid #ddd;
}
.mobile #related-post ol li:last-child{
border-bottom:none !important;
}
.mobile #related-post h3{
color:#333;
font-weight:bold;
padding:0 0 6px 0;
margin:0;
font-size:15px;
}
.mobile .comments{
margin:-10px 0 10px 0;
padding:0;
background:#eaeaea;
}
.mobile .comments .comment-block,.mobile .comments .comment-replybox-single{
margin-left:0px !important;
}
.mobile .comments .comments-content .comment-replies{
margin-top:6px;
margin-left:8px;
}
.mobile .PopularPosts .item-thumbnail img{
width:50px;
height:50px;
}
.mobile .mobsearch{
background:#eaeaea;
margin:0;
border-top:1px solid #fafafa;
}
.mobile .mobads{
border-bottom:1px solid #ccc;
}
.mobile 
#footer-wrapper .footer-kiri,.mobile 
#footer-wrapper .footer-kanan{
float:none !important;
text-align:center;
}
.mobile .apakah{
display:none;
}